<template>
    <div class="overDate">
        <img src="@/assets/images/overDate.png" width="151px" height="151px" alt="error">
        <div>
            <p>{{version}}已到期</p>
            <p>您订购的{{version}}（到期时间：{{serviceStopTime}}），已经到期，如果想继续使用，请到钉钉应用中心进行订购</p>
            <p>客户咨询热线：4000-865-335</p>
        </div>
    </div>
</template>

<script>
export default {
    name: 'overDate',
    data(){
        return{
            serviceStopTime:"2019-08-08",
            version:'错误版本'
        }
    },
    created(){
        this.serviceStopTime = this.$route.query.serviceStopTime
        this.version = this.$route.query.version
    },
    methods:{
        
    }

}
</script>

<style lang="stylus" scoped>
.overDate
    position absolute
    top 50%
    left calc(50% - 50px)
    transform translate(-50%,-50%)
    display flex
    div
        margin-left 31px
        padding 5px 0px 5px 31px
        border-left 1px solid #BBBBBB
        display flex
        flex-direction column
        justify-content space-between
        p:nth-child(1)
            font-size 30px
            color #101010
        p:nth-child(2)
            font-size 18px
            color #999999
            line-height 25px
        p:nth-child(3)
            font-size 18px
            color #101010
</style>
